<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.min.js"></script>

</head>

<body>
    <header>
    </header>
    <!-- 搜索模块 -->
    <nav>
        <div class="login">
            <div class="center">
                <img src="imges/我的.png" alt="" class="my">
                <img src="imges/专注好服务.png" alt="" class="hao">
                <img src="imges/登录.png" alt="" class="logins">
            </div>
        </div>
        <div class="search">
            <div class="s">
                <input type="text" placeholder="打牌零食" class="in">
                <i></i>
            </div>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="lunbot">
        <ul>
            <li><img src="imges/lunbot.png" alt=""></li>
        </ul>
    </div>
    <!-- 品牌日 -->
    <div class="guang">

    </div>
    <!-- 小图标 -->
    <article>
        <ul>
            <li>
                <a href="javascript:;"> <img src="imges/1.png" alt="">
                    <div>苏宁秒杀</div>
                </a>
                <a href="javascript:;"> <img src="imges/2.png" alt="">
                    <div>超市</div>
                </a>
                <a href="javascript:;"> <img src="imges/1.png" alt="">
                    <div>苏宁秒杀</div>
                </a>
                <a href="javascript:;"> <img src="imges/2.png" alt="">
                    <div>超市</div>
                </a>
                <a href="javascript:;"> <img src="imges/1.png" alt="">
                    <div>苏宁秒杀</div>
                </a>
                <a href="javascript:;"> <img src="imges/2.png" alt="">
                    <div>超市</div>
                </a>
                <a href="javascript:;"> <img src="imges/1.png" alt="">
                    <div>苏宁秒杀</div>
                </a>
                <a href="javascript:;"> <img src="imges/2.png" alt="">
                    <div>超市</div>
                </a>
                <a href="javascript:;"> <img src="imges/1.png" alt="">
                    <div>苏宁秒杀</div>
                </a>
                <a href="javascript:;"> <img src="imges/2.png" alt="">
                    <div>超市</div>
                </a>



            </li>
        </ul>
    </article>
    <!-- 广告 -->
    <div class="g">
        <div class="f"></div>
        <div class="s">
            <div class="left"></div>
            <div class="right"></div>
        </div>
    </div>
    <!-- 限时秒杀 -->
    <aside class="one">
        <ul>
            <li>
                <div class="title">
                    <h4>限时秒杀</h4>
                    <div class="count">
                        <span>04</span>
                        <i>:</i>
                        <span>36</span>
                        <i>:</i>
                        <span>33</span>
                    </div>
                </div>
                <span class="renqi">人气好货显示是抢</span>
                <div class="pic">
                    <div class="l"><img src="imges/毛巾.jpg" alt="" class='maoj'>
                        <div class="pr">￥99.9</div>
                    </div>
                    <div class="r"><img src="imges/充电器.jpg" alt="" class="cdq">
                        <div class="pr">￥9.9</div>
                    </div>
                </div>
            </li>
            <li>
                <div class="title">
                    <h4>限时秒杀</h4>
                    <div class="count">
                        <span>04</span>
                        <i>:</i>
                        <span>36</span>
                        <i>:</i>
                        <span>33</span>
                    </div>
                </div>
                <span class="renqi">人气好货显示是抢</span>
                <div class="pic">
                    <div class="l"><img src="imges/毛巾.jpg" alt="" class='maoj'>
                        <div class="pr">￥99.9</div>
                    </div>
                    <div class="r"><img src="imges/充电器.jpg" alt="" class="cdq">
                        <div class="pr">￥9.9</div>
                    </div>
                </div>
            </li>
        </ul>
    </aside>
    <aside class="one two">
        <ul>
            <li>
                <div class="title">
                    <h4>限时秒杀</h4>
                    <div class="count">
                        <span>04</span>
                        <i>:</i>
                        <span>36</span>
                        <i>:</i>
                        <span>33</span>
                    </div>
                </div>
                <span class="renqi">人气好货显示是抢</span>
                <div class="pic">
                    <div class="l"><img src="imges/毛巾.jpg" alt="" class='maoj'>
                        <div class="pr">￥99.9</div>
                    </div>
                    <div class="r"><img src="imges/充电器.jpg" alt="" class="cdq">
                        <div class="pr">￥9.9</div>
                    </div>
                </div>
            </li>
            <li>
                <div class="title">
                    <h4>限时秒杀</h4>
                    <div class="count">
                        <span>04</span>
                        <i>:</i>
                        <span>36</span>
                        <i>:</i>
                        <span>33</span>
                    </div>
                </div>
                <span class="renqi">人气好货显示是抢</span>
                <div class="pic">
                    <div class="l"><img src="imges/毛巾.jpg" alt="" class='maoj'>
                        <div class="pr">￥99.9</div>
                    </div>
                    <div class="r"><img src="imges/充电器.jpg" alt="" class="cdq">
                        <div class="pr">￥9.9</div>
                    </div>
                </div>
            </li>
        </ul>
    </aside>
    <!-- 推荐榜单 -->
    <img src="imges/推荐榜单.png" alt="" class="tj">
    <div class="tjbd">
        <ul class="bd">
            <li>
                <img src="imges/手机线.webp" alt=""><span>人气榜</span>
                <div class="bottom">
                    <h3>芬芳茶饮品榜</h3>
                    <p>买爆3.8万件</p>
                </div>
            </li>
            <li>
                <img src="imges/护手霜.webp" alt=""><span>人气榜</span>
                <div class="bottom">
                    <h3>护手霜榜</h3>
                    <p>买爆4956件</p>
                </div>
            </li>
            <li>
                <img src="imges/洗衣液.webp" alt=""><span>人气榜</span>
                <div class="bottom">
                    <h3>衣物柔顺剂榜</h3>
                    <p>买爆3006件</p>
                </div>
            </li>
        </ul>
    </div>
    <!-- 猜你喜欢 -->
    <img src="imges/猜你喜欢.webp" alt="" class='xh'>
    <div class="dx">
        <ul>
            <li>
                <img src="imges/百草味.webp" alt="">
                <div class="bt">百草味 即食蛋制品 大萌蛋150g 卤蛋休闲食品小包装宿舍零食小吃任选 卤香味 150g</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/草莓.webp" alt="">
                <div class="bt">【69元任选】百草味 蜜饯 无核绿葡萄干 100g 新疆特产干果零食绿提子干任选</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/百草味.webp" alt="">
                <div class="bt">百草味 即食蛋制品 大萌蛋150g 卤蛋休闲食品小包装宿舍零食小吃任选 卤香味 150g</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/草莓.webp" alt="">
                <div class="bt">【69元任选】百草味 蜜饯 无核绿葡萄干 100g 新疆特产干果零食绿提子干任选</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/百草味.webp" alt="">
                <div class="bt">百草味 即食蛋制品 大萌蛋150g 卤蛋休闲食品小包装宿舍零食小吃任选 卤香味 150g</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/草莓.webp" alt="">
                <div class="bt">【69元任选】百草味 蜜饯 无核绿葡萄干 100g 新疆特产干果零食绿提子干任选</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/百草味.webp" alt="">
                <div class="bt">百草味 即食蛋制品 大萌蛋150g 卤蛋休闲食品小包装宿舍零食小吃任选 卤香味 150g</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
            <li>
                <img src="imges/草莓.webp" alt="">
                <div class="bt">【69元任选】百草味 蜜饯 无核绿葡萄干 100g 新疆特产干果零食绿提子干任选</div>
                <div class="baoy">
                    <div class="baoyou">包邮</div>
                    <div class="jl">96元13件</div>
                </div>
                <div class="footer">
                    <span class="o">￥</span>
                    <span class="tw">19</span>
                    <span class="h">.9</span>
                    <span class="f">9.8万+评论</span>
                </div>
            </li>
        </ul>
    </div>
    <!-- 脚本 -->
    <footer>
        <a href="javascript:;">
            <img src="imges/首页.png" alt="">
            <span>首页</span>
        </a>
        <a href="javascript:;">
            <img src="imges/sous.png" alt="">
            <span>搜索</span>
        </a>
        <a href="javascript:;">
            <img src="imges/gouwuc.png" alt="">
            <span>购物车</span>
        </a>
        <a href="javascript:;">
            <img src="imges/排行.png" alt="">
            <span>排行</span>
        </a>
        <a href="javascript:;">
            <img src="imges/我的易物.png" alt="">
            <span>我的易物</span>
        </a>
    </footer>
</body>

</html>